<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <!-- 浏览器标签图片 -->
    <link rel="shortcut icon" href="<?php xcho(loadSource('/assets/image/favicon.ico')) ?>"/>
    <!-- TopJUI框架样式 -->
    <link type="text/css" href="<?php xcho(loadSource('/assets/css/topjui.core.min.css')) ?>" rel="stylesheet">
    <link type="text/css" href="<?php xcho(loadSource('/assets/themes/default/topjui.red.css')) ?>" rel="stylesheet" id="dynamicTheme"/>
    <!-- FontAwesome字体图标 -->
    <link type="text/css" href="<?php xcho(loadSource('/assets/plugins/font-awesome/css/font-awesome.min.css')) ?>" rel="stylesheet"/>
    <!-- jQuery相关引用 -->
    <script type="text/javascript" src="<?php xcho(loadSource('/assets/plugins/jquery/jquery.min.js')) ?>"></script>
    <script type="text/javascript" src="<?php xcho(loadSource('/assets/plugins/jquery/jquery.cookie.js')) ?>"></script>
    <!-- TopJUI框架配置 -->
    <script type="text/javascript" src="<?php xcho(loadSource('/assets/js/topjui.config.js')) ?>"></script>
    <!-- TopJUI框架核心 -->
    <script type="text/javascript" src="<?php xcho(loadSource('/assets/js/topjui.core.min.js')) ?>"></script>
    <!-- TopJUI中文支持 -->
    <script type="text/javascript" src="<?php xcho(loadSource('/assets/js/locale/topjui.lang.zh_CN.js')) ?>"></script>
    <!-- 首页js -->
    <script type="text/javascript" src="<?php xcho(loadSource('/assets/js/topjui.index.js')) ?>" charset="utf-8"></script>
    <title>乂学自研CRM系统</title>
</head>

<body><?php include_once TPL_PATH . 'public/nav.phtml'; ?>
<div id="loading"
     style="position: fixed;top: -50%;left: -50%;width: 200%;height: 200%;background: #fff;z-index: 100;overflow: hidden;">
    <img src="<?php xcho(loadSource('/assets/image/ajax-loader.gif')) ?>"
         style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;"/>
</div>

<div id="mm" class="easyui-menu submenubutton" style="width: 140px;">
    <div id="mm-tabclose" name="6" iconCls="fa fa-refresh">刷新</div>
    <div class="menu-sep"></div>
    <div id="Div1" name="1" iconCls="fa fa-close">关闭</div>
    <div id="mm-tabcloseother" name="3">关闭其他</div>
    <div id="mm-tabcloseall" name="2">关闭全部</div>
    <div class="menu-sep"></div>
    <div id="mm-tabcloseright" name="4">关闭右侧标签</div>
    <div id="mm-tabcloseleft" name="5">关闭左侧标签</div>
</div>

<div id="index_layout">
    <div id="north" data-options="region:'north',border:false,split:false"
         style="height: 50px; padding:0;margin:0; overflow: hidden;">
        <table class="banner" style="border-spacing:0px;">
            <tr>
                <td class="webname">
                    <span class="fa fa-envira" style="font-size:26px; padding-right:8px;"></span>
                </td>
                <td>
                    <table id="topmenucontent" cellpadding="0" cellspacing="0">
                        <td id="1325" title="这只是静态演示" class="topmenu selected systemName">
                            <a class="l-btn-text bannerMenu" href="javascript:void(0)">
                                <p><lable class="fa  fa-hand-pointer-o"></lable></p>
                                <p><span style="white-space:nowrap;">静态演示</span></p>
                            </a>
                        </td>
                        <td id="60" title="TopJUI开发文档" class="topmenu systemName">
                            <a class="l-btn-text bannerMenu" href="javascript:void(0)">
                                <p><lable class="fa fa-puzzle-piece"></lable></p>
                                <p><span style="white-space:nowrap;">开发文档</span></p>
                            </a>
                        </td>
                        <td id="" title="人力资源" class="topmenu systemName">
                            <a class="l-btn-text bannerMenu" href="javascript:void(0)">
                                <p><lable class="fa fa-sort-amount-asc"></lable></p>
                                <p><span style="white-space:nowrap;">人力资源</span></p>
                            </a>
                        </td>
                        <td id="" title="财务管理" class="topmenu systemName">
                            <a class="l-btn-text bannerMenu" href="javascript:void(0)">
                                <p><lable class="fa fa-weixin"></lable></p>
                                <p><span style="white-space:nowrap;">财务管理</span></p>
                            </a>
                        </td>
                        <td id="" title="业务系统" class="topmenu systemName">
                            <a class="l-btn-text bannerMenu" href="javascript:void(0)">
                                <p><lable class="fa fa-gears"></lable></p>
                                <p><span style="white-space:nowrap;">业务系统</span></p>
                            </a>
                        </td>
                        <td id="" title="系统设置" class="topmenu systemName">
                            <a class="l-btn-text bannerMenu" href="javascript:void(0)">
                                <p><lable class="fa  fa-shield"></lable></p>
                                <p><span style="white-space:nowrap;">系统设置</span></p>
                            </a>
                        </td>
                    </table>
                </td>
                <td>&nbsp;</td>
                <td style="width: 40px;">
                    <a id="WebIM" title="内部聊天" class="l-btn-text fa fa-commenting  fa-lg bannerbtn" href="#">
                        <span id="mesCount" class="label-mes label-success">11</span>
                    </a>
                </td>
                <td style="width: 40px;">
                    <a title="等待开放..." class="l-btn-text fa fa-envelope-o  fa-lg bannerbtn" href="#"> </a>
                </td>
                <td style="width: 40px;">
                    <a title="等待开放..." class="l-btn-text fa fa-bell-o  fa-lg bannerbtn" href="#"> </a>
                </td>
                <td style="width: 80px;">
                    <a title="切换主题" id="setThemes" class="l-btn-text fa fa-cogs fa-lg bannerbtn" href="#"> </a>
                </td>
                <td style="width:180px; overflow:hidden; ">
                    <a id="showUserInfo" style="display:inline-block;" class="fa bannerbtn" href="javascript:void(0)">
                        <img src="<?php xcho(loadSource('/assets/image/avatar.jpg')) ?>" class="user-image" alt="User Image">
                        <span class="user-name">TopJUI</span>
                    </a>
                </td>
            </tr>
        </table>
    </div>

    <div id="west" data-options="region:'west',split:true,width:230,border:true" title="轻松工作，快乐办公！" iconCls="fa fa-dashboard"
         style="overflow:hidden;" align="left">
        <div id="RightAccordion" class="easyui-accordion"></div>
        <!--<div id="menuTab" class="easyui-tabs" data-options="fit:true,border:false">
            <div title="导航菜单" data-options="iconCls:'fa fa-sitemap'" style="padding:0;">
                <div id="RightAccordion" class="easyui-accordion"></div>
            </div>
            <div title="常用链接" data-options="iconCls:'fa fa-star',closable:true">
                <ul id="channgyongLink"></ul>
            </div>
        </div>-->
    </div>

    <div id="center" data-options="region:'center',border:false" style="overflow:hidden;">
        <div id="index_tabs" style="width:100%;height:100%">
            <div title="系统首页" iconCls="fa fa-home" data-options="border:true,
            content:'<iframe src=\'./html/portal/index.html\' scrolling=\'auto\' frameborder=\'0\' style=\'width:100%;height:100%;\'></iframe>'"></div>
        </div>
    </div>

    <div data-options="region:'south',border:true"
         style="text-align:center;height:30px;line-height:30px;border-bottom:0;overflow:hidden;">
        <input type="hidden" id="userNameId" name="userNameId" value="${userNameId}"/>
        <span style="float:left;padding-left:5px;width:30%;text-align: left;">当前用户：TopJUI前端框架</span>
        <span style="padding-right:5px;width:40%">
            版权所有 © 2014-2017
            <a href="http://www.ewsd.cn" target="_blank">深圳易网时代信息技术有限公司</a>
            <a href="http://www.miitbeian.gov.cn" target="_blank">粤ICP备16028103号-1</a>
        </span>
        <span style="float:right;padding-right:5px;width:30%;text-align: right;">正式版v1.0</span>
    </div>
</div>

<!--[if lte IE 8]>
<div id="ie6-warning">
    <p>您正在使用低版本浏览器，在本页面可能会导致部分功能无法使用，建议您升级到
        <a href="http://www.microsoft.com/china/windows/internet-explorer/" target="_blank">IE9或以上版本的浏览器</a>
        或使用<a href="http://se.360.cn/" target="_blank">360安全浏览器</a>的极速模式浏览
    </p>
</div>
<![endif]-->

<div id="themeStyle" class="easyui-dialog" style="width:600px;height:340px"
     data-options="iconCls:'fa fa-save',modal:false,closed:true">
    <table style="width:100%; padding:20px; line-height:30px;text-align:center;">
        <tr>
            <td>
                <img src="<?php xcho(loadSource('/assets/image/skin/skin-coolblack.png')) ?>" style="width:60px;height:30px;"/><br/>
                <input type="radio" name="themes" value="black" class="topjuiTheme"/>
            </td>
            <td>
                <img src="<?php xcho(loadSource('/assets/image/skin/skin-red.png')) ?>" style="width:60px;height:30px;"/><br/>
                <input type="radio" name="themes" value="red" class="topjuiTheme"/>
            </td>
            <td>
                <img src="<?php xcho(loadSource('/assets/image/skin/skin-green.png')) ?>" style="width:60px;height:30px;"/><br/>
                <input type="radio" name="themes" value="green" class="topjuiTheme"/>
            </td>
            <td><img src="<?php xcho(loadSource('/assets/image/skin/skin-purple.png')) ?>" style="width:60px;height:30px;"/><br/>
                <input type="radio" name="themes" value="purple" class="topjuiTheme"/>
            </td>
            <td><img src="<?php xcho(loadSource('/assets/image/skin/skin-blue.png')) ?>" style="width:60px;height:30px;"/><br/>
                <input type="radio" name="themes" value="blue" class="topjuiTheme"/>
            </td>
            <td>
                <img src="<?php xcho(loadSource('/assets/image/skin/skin-yellow.png')) ?>" style="width:60px;height:30px;"/><br/>
                <input type="radio" name="themes" value="yellow" class="topjuiTheme"/>
            </td>
        </tr>
        <tr>
            <td>
                <img src="<?php xcho(loadSource('/assets/image/skin/skin-coolblacklight.png')) ?>" style="width:60px;height:30px;"/><br/>
                <input type="radio" name="themes" value="blacklight" class="topjuiTheme"/>
            </td>
            <td>
                <img src="<?php xcho(loadSource('/assets/image/skin/skin-redlight.png')) ?>" style="width:60px;height:30px;"/><br/>
                <input type="radio" name="themes" value="redlight" class="topjuiTheme"/>
            </td>
            <td>
                <img src="<?php xcho(loadSource('/assets/image/skin/skin-greenlight.png')) ?>" style="width:60px;height:30px;"/><br/>
                <input type="radio" name="themes" value="greenlight" class="topjuiTheme"/>
            </td>
            <td>
                <img src="<?php xcho(loadSource('/assets/image/skin/skin-purplelight.png')) ?>" style="width:60px;height:30px;"/><br/>
                <input type="radio" name="themes" value="purplelight" class="topjuiTheme"/>
            </td>
            <td>
                <img src="<?php xcho(loadSource('/assets/image/skin/skin-bluelight.png')) ?>" style="width:60px;height:30px;"/><br/>
                <input type="radio" name="themes" value="bluelight" class="topjuiTheme"/>
            </td>
            <td>
                <img src="<?php xcho(loadSource('/assets/image/skin/skin-yellowlight.png')) ?>" style="width:60px;height:30px;"/><br/>
                <input type="radio" name="themes" value="yellowlight" class="topjuiTheme"/>
            </td>
        </tr>
    </table>
    <table style="width: 100%; padding: 20px; line-height: 30px; text-align: center;">
        <tr>
            <td>
                <input type="radio" name="menustyle" value="accordion" checked="checked"/>手风琴
            <td>
                <input type="radio" name="menustyle" value="tree"/>树形
            </td>
            <td>
                <input type="checkbox" checked="checked" name="topmenu" value="topmenu"/>开启顶部菜单
            </td>
        </tr>
    </table>
</div>

<form id="modifyPassword"></form>
<script>
    $("#message").on("click",function(){
        addParentTab({href:'/index/message/index',title:'消息列表'})
    })
</script>
<button id="top" style="height: 50px;width: 50px;"></button></body>
</html>